<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<title></title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="../lib/layui-v2.6.3/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
   var height=$(document).height();
   $('body').css('height',height);
   var mart=height-500;
   mart = mart/2;
   $('.loginBox').css('marginTop',mart);
})
</script>
</head>

<body>
<div class="loginBox">
  <h1>找回密码</h1>
  <div class="item">
    <div class="icon"><img src="images/icon1.png" /></div>
    <div class="txt"><input name="" type="text" placeholder="请输入手机号"/></div>
  </div>
  <div class="item">
    <div class="icon"><img src="images/icon3.png" /></div>
    <div class="txt"><input name="" type="text" placeholder="请输入短信验证码"/></div>
    <div class="layui-btn-container"><button class="layui-btn layui-btn-primary layui-border-blue">获取验证码</button></div>
  </div>
  <div class="item">
    <div class="icon"><img src="images/icon1.png" /></div>
    <div class="txt"><input name="" type="password" placeholder="请输入新登录密码"/></div>
  </div>
  <div class="item">
    <div class="icon"><img src="images/icon1.png" /></div>
    <div class="txt"><input name="" type="password" placeholder="请再次输入新密码"/></div>
  </div>
  <div class="item_3">
    <input name="" type="submit" value="确认" class="btn" onclick="location='/success'"/>
  </div>
</div>
</body>
</html>
